<article id="contentWrapper">
    <div id="contentScroller">
        <div class="container-fluid">
            <!-- Example row of columns -->
            <div class="row-fluid">
				<div class="header">
					<h1>Booking appointment </h1>
					<h2><%= name %></h2>
				</div>
                <div class="span4">
                    <div class="row">
						<label>Service for</label>
						<select id="gender-list">
							<option value="">-Select-</option>
							<option value="male">Male</option>
							<option value="female">Female</option>
							<option value="both">Both</option>
						</select>
					</div>
                    <div class="row">
						<label>Choose a service <span>*</span></label>
						<select id="serviceList">
                            <option value="">-None-</option>
						</select>
					</div>
                </div>
                <div class="span4">
					<label>Employee you like ?</label>
					<select id="employeeList">
						<option value="">-None-</option>
					</select>
                </div>
                <div class="span4">
					<label>Select Date <span>*</span></label>
					<select id="date-list">
						<option value="">-None-</option>
					</select>
                </div>
				
				<div class="span4">
					<label>Select a time slot <span>*</span></label>
					<select id="time-slot-list">
						<option value="">-None-</option>
					</select>
                </div>
				<div class="form-control">
					<button class="save">Save</button>
				</div>
            </div>

            <hr>

            <footer>
                <p>&copy; Company 2012</p>
            </footer>

        </div> <!-- /container -->
    </div>
</article>